﻿@{
    ViewBag.Title = "Home Page";
}
@section featured {
    <section class="featured">
        <div class="content-wrapper">
            <hgroup class="title">
                <h1>MVC Bootstrap</h1>
                <h2>Library</h2>
            </hgroup>
        </div>
    </section>
}
<div class="container">

<h3>Bootstrap</h3>
<p>
    <a href="http://twitter.github.com/bootstrap/" target="_blank">Bootstrap</a> is very good library that helps people like me to create good looking and responsive pages 
    without being designer or deep understanding HTML and javascript.
</p>

<h3>Library</h3>
<p>This is a small library that allows to use C# classes and helpers to include some of bootstrap controls and components to a MVC page.</p>

<h3>Benefits</h3>
<ul>
    <li>The most important is that you find most of errors on compile time, without testing a page. Significantly decrease testing time and increase quality</li>
    <li>Second, if you try to use some of the element out of valid scope, an exception will be thrown, will let you immediately see what and where went wrong. Therefore decrease testing time and increase quality</li>
    <li>No need to manage div id's, no worries if you did typo and struggle to find what is wrong. Helper methods allow to inject javascript methods to manipulate underlining objects</li>
    <li>Templates that generate names of your partial files, no need to type directory and file names. Just use generated constants</li>
</ul>

<h3>Examples:</h3>
<ul>
    <li>
        @Html.ActionLink("Accordion", "Accordion", "Examples")
    </li>

    <li>
        @Html.ActionLink("Tabs", "Tabs", "Examples")
    </li>

    <li>
        @Html.ActionLink("Tabbable Navigations", "TabNavs", "Examples")
    </li>

    <li>
        @Html.ActionLink("Carousel", "Carousel", "Examples")
    </li>

    <li>
        @Html.ActionLink("Visibility Toggler", "VisiToggler", "Examples")
    </li>
</ul>

<h3>Get Started</h3>
<p>Three simple steps to @Html.ActionLink("get started", "GetStarted", "Home")</p>

<p>If you have any questions or proposals on how to make the library better, please let us know at <a href="http://totalfreedombst.codeplex.com/discussions">http://totalfreedombst.codeplex.com/discussions</a></p>

</div>

